<!DOCTYPE html>

<head>
  <title>
    {% if page.title %}{{ page.title }} &middot; {% endif %}{{ site.title }}
  </title>
  {{ site.page.head }}
</head>

<body
  class="{{ site.page.body.theme-base }}{% if site.page.body.layout-reverse %} layout-reverse{% endif %}{% if site.page.body.sidebar-overlay %} sidebar-overlay{% endif %}">
  <!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
     styles, `#sidebar-checkbox` for behavior. -->
  <input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox" {% if page.sidebar_open %}checked{% endif %} />
  <!-- Toggleable sidebar -->
  <div class="sidebar" id="sidebar">
    {% if site.page.sidebar.avatar.enable %}
    <div class="sidebar-item">
      <div class="effect effect-right_to_left">
        <img class="effect-img" src="{{ site.page.sidebar.avatar.img }}" alt="img" />
        <div class="effect-info">
          {{ site.description }}
        </div>
      </div>
    </div>
    {% endif %}
    <nav class="sidebar-nav">
      {% for node in site.page.sidebar.nav %}
      <a class="sidebar-nav-item{% if page.url == node.href %} active{% endif %}" href="{{ node.href }}">
        {{ node.title }}
      </a>
      {% endfor %}
    </nav>
    <div class="sidebar-item">
      {% if site.page.sidebar.simple_jekyll_search.enable %}
      <div>
        {{ site.page.sidebar.simple_jekyll_search.alert }}
      </div>
      {% endif %}
      {{ site.page.sidebar.alert }}
      {% if site.page.sidebar.wordcount.enable %}
      <div>
        {{ site.page.sidebar.wordcount.alert }}
        {% assign count = 0 %}
        {% for post in site.posts %}
        {% assign single_count = post.content | strip_html | strip_newlines | remove: " " | size %}
        {% assign count = count | plus: single_count %}
        {% endfor %}
        <!-- {% if count > 1000 %}
        {{ count | divided_by: 1000 }}{{ site.page.sidebar.wordcount.kilo }}{{ count | modulo: 1000 }}{{ site.page.sidebar.wordcount.unit }}
        {% else %} -->
        {{ count }} {{ site.page.sidebar.wordcount.unit }}
        <!-- {% endif %} -->
      </div>
      {% endif %}
    </div>
  </div>
  <!-- Wrap is the content to shift when toggling the sidebar. We wrap the content to avoid any CSS collisions with our real content. -->
  <div class="wrap">
    <div class="container">
      <h1 class="page-title">
        {{ page.title }}
        <small>
          <i>
            <a href="{{ site.baseurl }}/" title="{{ site.title }}">
              {{ site.title }}
            </a>
          </i>
        </small>
      </h1>
      <div id="content">
        {{ content }}
      </div>
    </div>
  </div>
  <label for="sidebar-checkbox" class="sidebar-toggle fas fa-bars"></label>
</body>

</html>
